﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" ng-app="MainMod">
    
    <head ng-controller="HeadCtrl">
        
        <title>{{title}}</title>
    </head>
    
    <body ng-controller="BodyCtrl" style="padding-left:30px;">
        <link href="lib/bootstrap/css/bootstrap.css" rel="stylesheet"/>
       
        <h1>{{title}}</h1>
        <div ng-class="btnStyle" ng-click="hidingGrid()">{{hideBtn}}</div>
        <div ng-hide="hideGrid">
            <div>Currently Searching: {{search}}</div>
            <input type="text" ng-model="search" class="search-query" placeholder="Search" />
            <table class="table table-hover">
                <caption></caption>
                <thead>
                    <tr>
                        <th>Name</th>
                        <th>Data</th>
                        <th>Action</th>
               
                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="item in items | filter:search | orderBy:'name'">
                
                        <td>{{item.name}}</td>
                        <td>{{item.data}}</td>
                        <td class="btn btn-link" ng-click="clickMe(item)">Click</td>
                
                    </tr>
                </tbody>
            </table>
        </div>
        
        
        <div class="btn btn-inverse" ng-click="addDirective();">Add a Directive</div>
        <div id="placeholder"></div>
        <ul class="nav nav-tabs">
            <li><a href="#tab1">Inherited Scopes</a></li>
            <li><a href="#tab3">Promises</a></li>
            <li><a href="#tab2">More Grid Filters</a></li>

        </ul>
         
        <div ng-view></div>
    </body>
    <script type="text/javascript" src="lib/angular.min.js"></script>
    <script type="text/javascript" src="lib/angular-route.min.js"></script>
    
    <script type="text/javascript" src="lib/jquery/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="src/Main.js"></script>
    <script type="text/javascript" src="src/factories.js"></script>
    
</html>
